

var icons = {}
{
  const _require = require.context('!xml-loader!./svg', true, /\.svg$/)
  _require.keys().forEach(function(key){
    let xml = _require(key)

    let name = key.replace('./', '').split('.')[0];
    icons[name] = xml.svg.$;
    const t = xml.svg.$.viewBox.split(' ');
    icons[name].width = t[2];
    icons[name].height = t[3];
    icons[name].paths = [];

    if (xml.svg.g && !xml.svg.path) {
      xml.svg.path = xml.svg.g[0].path;
    }

    if(!!xml.svg.path && xml.svg.path.length > 0){
      for (let i = 0, max = xml.svg.path.length; i < max; i++) {
        icons[name].paths.push(xml.svg.path[i].$);
      }
    }

  })

}

export default {
  data(){
    return {
      icon: icons[this.symbol]
    }
  },
  props: [
    'symbol',
    'type',       // default/disabled/active
  ],

  computed: {
    iconClass() {
      const { symbol, type } = this
      return type? `icon icon-${type}` : `icon icon-default`
    }
  }
}
